<html>
    <head>
        <script src="../js/vue.js"></script>
        <style>
        </style>
    </head>
    <body>
        <h3>条件渲染</h3>
        <div id="app1">
            <h1 v-if="ok">Yes</h1>
            <h1 v-else-if="ko">No</h1>
            <h1 v-else>end No</h1>
        </div>

        <h3>template包裹元素</h3>
        <!-- <template id="app2" v-if="yes">
                <h1>Title</h1>
                <p>Paragraph 1</p>
                <p>Paragraph 2</p>
        </template> -->

        <div id="app3" v-if="Math.random() > 0.5">
                Now you see me
              </div>
              <div v-else>
                Now you don't
              </div>
        <script src="app4.js"></script>
    </body>
</html>